iT邦幫忙

2025 iThome 鐵人賽

DAY 4
0
Modern Web

身為一個宅宅也想要有自己的小天地系列 第 4

初始化 Hexo,Hello world

  • 分享至 

  • xImage
  •  

還挺喜歡這樣一天只有一點點小進度的感覺

這樣就不會有太大的壓力

快樂學習快樂成長


第一步:新建網站資料夾

打開終端機Terminal,進到你想放網站的地方,我這邊是用:

mkdir my-blog
cd my-blog

第二步:初始化 Hexo

Hexo CLI 安裝好之後,我們只要打這行指令就能開始建站:

hexo init

https://ithelp.ithome.com.tw/upload/images/20250830/20178433fHCQ6dLaRn.png

它會自動幫我們建立一堆資料夾與預設設定,跑完後你會看到像這樣的結構:

.
├── _config.yml
├── package.json
├── scaffolds/
├── source/
└── themes/

這裡的 _config.yml 是全站設定檔,而 source/ 則是你寫文章、放圖片的地方。


第三步:安裝依賴套件

這邊有兩種常見的方式可以安裝 Hexo 預設需要的套件:

使用 npm:

npm install

或是使用 yarn(要先執行 corepack enable):

corepack enable
yarn install

使用哪一個都可以,我兩個都用過。

一開始是因為用的主題安裝手冊寫推薦用yarn下載才用,後來覺得npm比較好記就都用npm了

corepack 是什麼?

Corepack 是 Node.js 內建的一個包管理工具橋接器,它允許開發者使用不同的包管理工具(如 Yarn 和 pnpm)而無需手動安裝它們。


第四步:啟動網站(Hello World!)

一切就緒後,只要輸入以下指令就能開啟網站伺服器:

hexo server

你會看到類似這樣的訊息:

INFO  Hexo is running at http://localhost:4000/. Press Ctrl+C to stop.

打開瀏覽器輸入 http://localhost:4000

我們就能看到 Hexo 預設主題


上一篇
安裝 Hexo 的前置準備
下一篇
套用主題
系列文
身為一個宅宅也想要有自己的小天地7
圖片
  熱門推薦
圖片
{{ item.channelVendor }} | {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言